<template>
    <h1>我是子组件</h1>
    <!-- 这里使用store里的state -->
    <h2>count:{{  storeSon.count }}</h2>
    <!-- 这里直接使用store里的getters -->
    <h2>double:{{  storeSon.double() }}</h2>
    <!-- 这里使用store里的actions -->
    <button @click="add">子组件的按钮</button>
  </template>
   
  <script setup lang="ts" >
  import {ref} from 'vue'
  import { useCounterStore } from "@/pinia/counter";
  const storeSon=useCounterStore()//定义store
  const add=()=>{
    storeSon.increament()//使用store里的action
  }

  // const add=()=>{
  //   return storeSon.double()//使用store里的getting
  // }
   
  </script>